.box{width:600px;height:200px;border: solid 1px black;position: relative;margin: 0 auto;overflow: hidden;}
.box .imgbox{width:600px;height:200px;}
.box .imgbox img{width:600px;height:200px;position: absolute;top:0;left:600px;}

.box .btns button{position: absolute;width:40px;height:40px;line-height: 40px;text-align: center;background: rgba(200,200,200,0.6);top:80px;border:none;cursor: pointer;}
.box .btns button:hover{background: #aaf;}
.box .btns button:active{background: #66f;color: #fff;}
.box .btns button.left{left:0;}
.box .btns button.right{right:0;}

.box .list{position: absolute;bottom: 0;left:0;right:0;display: flex;background: rgba(200,200,200,0.6);line-height: 20px;height:20px;text-align: center;}
.box .list span{flex:1;border-left:solid 1px #fff;border-right: solid 1px #fff;cursor: pointer;}
.box .list span:hover{background: #aaf;}
.box .list span:active{background: #66f;color: #fff;}

